import React from 'react';

const Receipt = () => {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M8.6 21.55L10 20.5L11.4 21.55C11.7556 21.8167 12.2444 21.8167 12.6 21.55L14 20.5L15.4 21.55C15.7556 21.8167 16.2444 21.8167 16.6 21.55L18 20.5L19.3598 21.6332C20.0111 22.176 21 21.7128 21 20.865V3.13504C21 2.28721 20.0111 1.82405 19.3598 2.36682L18 3.5L16.6 2.45C16.2444 2.18334 15.7556 2.18334 15.4 2.45L14 3.5L12.6 2.45C12.2444 2.18334 11.7556 2.18334 11.4 2.45L10 3.5L8.6 2.45C8.24444 2.18334 7.75556 2.18334 7.4 2.45L6 3.5L4.64018 2.36682C3.98886 1.82405 3 2.28721 3 3.13504V20.865C3 21.7128 3.98886 22.176 4.64018 21.6332L6 20.5L7.4 21.55C7.75556 21.8167 8.24444 21.8167 8.6 21.55Z"
        className={`  fill-[#C8CDD8] text-xl transition-all`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7 10C7 9.44772 7.44772 9 8 9H16C16.5523 9 17 9.44772 17 10C17 10.5523 16.5523 11 16 11H8C7.44772 11 7 10.5523 7 10Z"
        className={`  fill-[#70799A] text-xl transition-all`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7 14C7 13.4477 7.44772 13 8 13H12C12.5523 13 13 13.4477 13 14C13 14.5523 12.5523 15 12 15H8C7.44772 15 7 14.5523 7 14Z"
        className={`  fill-[#70799A] text-xl transition-all`}
      />
    </svg>
  );
};

export default Receipt;
